<template>
<div>
  <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
    <el-tab-pane label="部门管理" name="DepMana"><DepMana></DepMana></el-tab-pane>
    <el-tab-pane label="职位管理" name="PosMana"><PosMana></PosMana></el-tab-pane>
    <el-tab-pane label="职称管理" name="JobLevelMana"><JobLevelMana></JobLevelMana></el-tab-pane>
    <el-tab-pane label="奖惩规则" name="EcMana"><EcMana></EcMana></el-tab-pane>
    <el-tab-pane label="权限组" name="PermissionMana"><PermissionMana></PermissionMana></el-tab-pane>
  </el-tabs>
</div>
</template>


<script>

import DepMana from '../../components/sys/basic/DepMana'
import EcMana from '../../components/sys/basic/EcMana'
import JobLevelMana from '../../components/sys/basic/JobLevelMana'
import PermissionMana from '../../components/sys/basic/PermissionMana'
import PosMana from '../../components/sys/basic/PosMana'

export default {
  name: "SysBasic",
  data(){
    return{
      activeName: 'PermissionMana'
    }
  },
  components:{
    DepMana,
    EcMana,
    JobLevelMana,
    PermissionMana,
    PosMana
  },
  methods:{
    handleClick(tab,event){
      console.log(tab, event);
    }
  }
}
</script>

<style scoped>

</style>